<%@    page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
    String webSocketPath = request.getServerName() + ":" + request.getServerPort() + path;
%>
<!DOCTYPE html>
<html>
<head>
    <base href="<%=basePath%>">
    <title>数据诊断页面</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is	my page">
    <meta http-equiv="content-Type" content="text/html;charset=gb2312">

    <link rel="stylesheet" type="text/css" href="jquery/easyui1.4.2/themes/gray/easyui.css">
    <link rel="stylesheet" type="text/css" href="jquery/easyui1.4.2/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="css/assets/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/assets/css/ace.min.css"/>
    <link rel="stylesheet" href="css/assets/css/ace-rtl.min.css"/>
    <link rel="stylesheet" href="css/assets/css/ace-skins.min.css"/>

    <script type="text/javascript" src="jquery/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="jquery/easyui1.4.2/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="jquery/easyui1.4.2/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="jquery/underscore-min.js"></script>
    <script type="text/javascript" src="https://img.hcharts.cn/highcharts/highcharts.js"></script>
    <script type="text/javascript" src="mintor/hcharts/highcharts-more.js"></script>
    <script type="text/javascript" src="mintor/datadiagnosis/js/orbit.js"></script>
    <script type="text/javascript">
        var type = 0;
       var socketPath = "<%=webSocketPath%>";
    </script>
    <style type="text/css">
        #axis{top:600px}
        #canvas {
            box-shadow: -2px -2px 2px #efefef,5px 5px 5px #b9b9b9;
        }
        #L1 {
            background-color: #7db4d8;
            cursor: hand;
            color: #000000;
            border-left: 1px solid #FFFFFF;
            border-top: 1px solid #FFFFFF;
            border-right: 1px solid gray;
            font-weight: bold;
        }

        #L2 {
            background-color: #eef4f9;
            cursor: hand;
            color: #000000;
            border-left: 1px solid #FFFFFF;
            border-top: 1px solid #FFFFFF;
            border-right: 1px solid gray;
            border-bottom: 1px solid #FFFFFF;
        }

        .btn-success,
        .btn-success:hover {
            background-color: #92c0ea !important;
            border-color: #92c0ea
        }

        .btn-success,
        .btn-success :active {
            background-color: #92c0ea !important;
            border-color: #92c0ea
        }

        .btn-success,
        .btn-success:focus {
            background-color: #92c0ea !important;
            border-color: #92c0ea
        }

        .header.green {
            border-bottom-color: #92c0ea;
        }

        .green {
            color: #92c0ea !important;
        }

        .widget-box {
            border-bottom: 0px;
        }

        .panel-body {
            padding: 0px;
        }

        input[readonly] {
            background: #ffffff !important;
            cursor: default;
        }

        /*表头*/
        .datagrid-header-row td {
            background-color: #fafafa;
            color: black;
            font-size: 120%;
            font-weight: bold;
        }
        .color-block {
            width:40px ;
            height: 40px ;
        }
    </style>
</head>

<body style="background-color:white;">

    <div class="widget-box" style="margin:16px 24px;padding-bottom:15px;text-align: center;">
        <div class="widget-header header-color-blue" style="border-top-left-radius:10px;border-top-right-radius:10px;">
            <h4 style="color:white">机床健康状态</h4>
        </div>

        <div class="widget-body"  style="border-bottom-right-radius:10px;border-bottom-left-radius:10px;min-height:500px;display: block">
            <div class="widget-main">
                <div class="row">
                    <canvas id="canvas" width="300px" height="300px">不支持</canvas>
                    <select id="axis" name="axis" style="position: absolute;top: 15%;left: 80%;width: 90px; height: 29px;"
                             data-options="required:true" onchange="clearCanvas()">
                        <option disabled selected value></option>
                        <option >xy</option>
                        <option >xz</option>
                        <option >yz</option>
                        <option >xyz</option>
                    </select>
                </div>
            </div>
        </div>
    </div>

</body>

</html>